<?xml version="1.0" encoding="ISO-8859-1" ?>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
         pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
 
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
        <title>Moderation page</title>
    	<link rel="stylesheet" type="text/css" href="app1.css"/>
 		<link rel="stylesheet" type="text/css" href="jquery-ui.css"/>
 		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src="jquery.js"></script>
 		<script src="jquery-ui.js"></script>
		<link rel="stylesheet" href="style.css"/>
	
		<!-- added styles for color option -->
		<script type="text/javascript">
		 var c4category="";
	 
       function deleteBrowseButton(id){
    	   $('#'+id.id).remove();
       }
       function myFun(id2){
           if($('#'+id2.id).is(':checked')) {
        	   $("#tf").show();
               $("#circumstances").hide();
               $("#othertext").hide();
           }
      	    else $("#tf").hide();
       }
       
       function myFun1(){
        	   if($("#circumstances_change").is(':checked')) 
        		   $("#circumstances").show();
        	   else {
        		   $("#circumstances").hide();
        		   $("#circumstances").text("");
        	   }
       }
       
       function myFun2(){
        	   if($("#other").is(':checked')) 
        		   $("#othertext").show();
        	   else {
        		   $("#othertext").hide();
        		   $("#circumstances").text("");
        	   }
       }
       function answerMe(){
          document.getElementById("customerForm").submit();
       }
       function showStatus(id1,id2){
           var selectedId = id2.id.split("_")[1];
           var x = id1.value.length==0;
           if(!x)
        	   $('#'+id2.id).val(selectedId+'_y');
           else 
        	   $('#'+id2.id).val(selectedId+'_n');
       }
	   
	   function rowDeleteCustDocument(deleteCustDocId){
		   var cId= '${custId}';
    	   var y={id:deleteCustDocId};
    	   $.ajax({
      	    		headers: { 
      	    		        'Accept': 'application/json',
      	    		        'Content-Type': 'application/json; charset=utf-8' 
      	    		},
      	            type: "POST",
      	            url: "deleteByCustomerId",
      	            contentType: "application/json; charset=utf-8",
      	            data: JSON.stringify(y),
      	            async: false,    
      	            cache: false,              
      	            processData:false,
      	            success: function(resposeJsonObject){ 
      	            	alert('Files has deleted successfully');
      	            	$("#deleteDoc").attr("action", "makerEditUser");
      	            }
			});
    	   $('#ta2').empty();
    	   $.get("getdocumentUploded", {id:cId},function(data) {
            	  $('#ta2').append("<tr class='active' ><td><b>Document Name</b></td><td><b>File Name</b></td><td><b>Status</b></td><td><b>Download</b></td><td><b>Delete</b></td></tr>");
             	 if(data.length>0)
            	  $.each(data, function(i, item) {
            		  $('#ta2').append("<tr><td class='info'>"+item.doc.name+"</td><td class='info'>"+item.fileName+"</td><td class='info'>Recieved</td> <td class='info'><a href='downloadMyFile?filePath="+item.filePath+"&fileName="+item.fileName+"'><button title='Download' type='button' class='btn btn-default'><span class='glyphicon glyphicon-save'></span></button></a></td><td class='info'><input type='hidden' name='docIdDelete' value="+item.id+"><button title='Delete from DB' type='button' class='btn btn-default'  onclick='rowDeleteCustDocument("+item.id+")'><span class='glyphicon glyphicon-trash'></span></button> </td></tr>");                     
            	  }); 
             	 else {
             		 $('#ta2').append("<tr><td class='warning' colspan='5' align='center'><b>No documents uploaded yet</b></td></tr>");
             	 }
          });
       }
	   function c4func(x,y){
		   var mid = y.id.split("_")[0];
		   
		   if(x.value=="Yes" && mid=="question34")
			   $('#info_0').text("Customer information will be reported to IRS");
		   if(x.value=="No" && mid=="question34")
			   $('#info_0').text("Customer will not be reported to IRS");
		   if(x.value=="Don't Know" && mid=="question34")
			   $('#info_0').empty();
		   
		   if(x.value=="Yes" && mid=="question35"){
			   var rowCount = $('#snffeQuest tr').length;
			   if(rowCount==3) $('#snffeQuest tr:last').remove();
			   $('#info_1').text(c4category);
		   }
		   
		   if(x.value=="No" && mid=="question35"){
			   $('#info_1').empty();
			   var rowCount = $('#snffeQuest tr').length;
			   if(rowCount<3) $('#snffeQuest').append('<tr class="info" width="100%"><td width="70%"><label>Chapter-4 Status:</label></td><td width="30%"><select name="catdd" id="catdd" style="width: 326px ; border: 2px  #EDF3FF; border-left: 2px solid #D1E0FF; box-shadow: 0 0 1px #333 ; padding: 8px 12px"></select></td></tr>');
			   $.get( "users/findMakerInitialQuestion",function( data ) {
				   $.each(data.listCategoryQuestion, function(i, item) {
					   $("#catdd").append('<option value='+item[0]+'>'+item[1]+'</option>'); 
				   });
			   });
		   }
		   
		   if(x.value=="Don't Know" && mid=="question35"){
			   $('#info_1').empty();
			   var rowCount = $('#snffeQuest tr').length;
			   if(rowCount==3) $('#snffeQuest tr:last').remove();
		   }
	   }
	   
       $(document).ready(function() {    	   
    	   
    	  $("#uploadButtonId").prop('disabled',true);
    	  var cId= '${custId}';
    	 
    	  var x= cId == '';
    	  if(x){
    		  $('#docUp').hide();
    		  $('#docUpl').hide();
    		  $('#nffeQuest').hide();
    		  $('#snffeQuest').hide();
    		  //3rd change -start
    		  $('#businessNatureDialogLink').hide();
    		  $('#eagMemberStatusLink').hide();
    		  $('#eagPassiveIncomeLink').hide();
    		  $('#exchangeMarketLink').hide();
    		  $('#locationsLink').hide();
    		  $('#regulatorsLink').hide();
    		  $('#restrictedDistributorLink').hide();
    		  $('#sourceIncomeLink').hide();
    		  $('#stocksDistributionLink').hide();
    		  $('#addFields').hide();
    		  //3rd change -end
    		//  $('#dynTbls').hide();
    		//  $('#dynTables').hide();
    	  }else{
    		  $('#docUp').show();
    		  $('#docUpl').show();
    		  $('#nffeQuest').show();
    		  $('#snffeQuest').show();
    		  //3rd change -start
    		  $('#businessNatureDialogLink').show();
    		  $('#eagMemberStatusLink').show();
    		  $('#eagPassiveIncomeLink').show();
    		  $('#exchangeMarketLink').show(); 
    		  $('#locationsLink').show();
    		  $('#regulatorsLink').show();
    		  $('#restrictedDistributorLink').show();
    		  $('#sourceIncomeLink').show();
    		  $('#stocksDistributionLink').show();
    		  $('#addFields').show();
    		  
    		  $.get( "users/findCustomerById", {id: cId},function( data ) {
        		  $("#xq").text(data.moreInfo);
        		  var category = data.chapter4status.split("_")[0];
        		  console.log(":: category ::"+ category);
        		  c4category=data.chapter4status.split("_")[1];
        		  $("#catLId").val(category);
    		  });
    		  //3rd change -end
    		  //$('#dynTbls').show();
    		  //$('#dynTables').show();
    	  }
    	  //4th change -start
    	  $("#businessNatureDialogLink").click(function(){
			   $('#businessNatureDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("businessNature?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Business Nature Page'
	    	    });
	      });
    	  $("#eagMemberStatusLink").click(function(){
			   $('#eagMemberStatusDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("eagMemberStatus?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'EAG Member Status Page'
	    	    });
	      });
    	  
    	  $("#eagPassiveIncomeLink").click(function(){
			   $('#eagPassiveIncomeDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("eagPassiveIncome?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'EAG Passive Income Page'
	    	    });
			   
	      });
    	  
    	  $("#exchangeMarketLink").click(function(){
			   $('#exchangeMarketDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("exchangeMarket?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Exchange Market Page'
	    	    });
     
	     
	  });
    	  
    	  $("#locationsLink").click(function(){
			   $('#locationsDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("locations?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Locations Page'
	    	    });
   	  });
    	  
    	  $("#regulatorsLink").click(function(){
			   $('#regulatorsDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("regulators?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Regulators Page'
	    	    });
 	  });
    	  
    	  $("#contactLink").click(function(){
			   $('#contactDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("contact?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Contact Page'
	    	    });
	  });
    	  
    	  $("#restrictedDistributorLink").click(function(){
			   $('#restrictedDistributorDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("restrictedDistributor?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: 'Restricted Distributor Page'
	    	    });
	  });
    	  
    	  $("#sourceIncomeLink").click(function(){
			   $('#sourceIncomeDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("sourceIncome?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: ' Source Income Page'
	    	    });
			   
	      });
    	  
    	  $("#stocksDistributionLink").click(function(){
			   $('#stocksDistributionDialog').dialog({
	    	        modal: true,
	    	        open: function ()
	    	        {
	    	            $(this).load("stocksDistribution?custId="+cId);
	    	        },         
	    	        height: 300,
	    	        width: 665,
	    	        title: ' Stocks Distribution Page'
	    	    });
			   
	      });
   	  
    	  
    	  //4th change -end
    	  $("#accordion").accordion({
      		  // event: "mouseover",
   	    	   collapsible: true,
   	    	   heightStyle: "content"
      	  });
    	  $.get( "users/findMakerInitialQuestion",function( data ) {
    		  
    		  $.each(data.listQuestion, function(i, item) {
    			  console.log("item.name-->"+item.name);
    			  var qid= "question"+ item.id;
    			  var hid= item.id;
    			  var hidd= "quesId"+i;
    			  var ansId= "ansId"+i;
    			  var qidyes= "question"+ item.id +"_yes";
    			  var qidno= "question"+ item.id +"_no";
    			  var qiddno= "question"+ item.id +"_dno";
    			  /*  if(item.name == 'WC  is valid?'){
    				  var str1 = '<tr class="info" width="100%"><td width="70%"><label for="'+qid+'">'+item.name+'</label></td><td width="30%"><div id="'+qid+'"><input type="hidden" name="'+hidd+'" value="'+hid+'" id="'+hidd+'"/><input type="radio" value="Yes" id="'+qidyes+'" name="'+ansId+'" onclick="myFun('+qidno+')" />Yes<input type="radio" value="No" id="'+qidno+'" name="'+ansId+'" onclick="myFun('+qidno+')"/>No<input type="radio" value="Don'+"'"+'t Know" id="'+qiddno+'" name="'+ansId+'" onclick="myFun('+qidno+')" checked/>Don'+"'"+'t Know<div id="tf"><input type="checkbox" name="expiration" id="expiration" value="Yes" /> Expiration<br><input type="checkbox" name="circumchange" id="circumstances_change" value="Yes" onclick="myFun1()" />Circumstances Change<input type="text" name="circumstances" id="circumstances" placeholder="Explain circumstances"/><br><input type="checkbox" name="other" id="other" value="Yes" onclick="myFun2()"/>other<input type="text" name="othertext" id="othertext" placeholder="Explain Other"/></div></div></td></tr>';
                      $('#snffeQuest').append(str1);
    		          $("#"+qid+" #tf").hide();
    			  }
    			  else
    				  $('#snffeQuest').append('<tr class="info" width="100%"><td width="70%"><label for="'+qid+'">'+item.name+'</label></td><td width="30%"><div id="'+qid+'"><input type="hidden" name="'+hidd+'" value="'+hid+'" id="'+hidd+'"/><input type="radio" value="Yes" id="'+qidyes+'" name="'+ansId+'" />Yes <input type="radio" value="No" id="'+qidno+'" name="'+ansId+'"/>No  <input type="radio" value="Don'+"'"+'t Know" id="'+qiddno+'" name="'+ansId+'" checked/>Don'+"'"+'t Know</td></tr>');
    			  */
    			  $('#snffeQuest').append('<tr class="info" width="100%"><td width="70%"><label for="'+qid+'">'+item.name+'</label></td><td width="30%"><div id="'+qid+'"><input type="hidden" name="'+hidd+'" value="'+hid+'" id="'+hidd+'"/><input type="radio" value="Yes" id="'+qidyes+'" name="'+ansId+'" onclick="c4func('+ansId+','+qidyes+')"/>Yes <input type="radio" value="No" id="'+qidno+'" name="'+ansId+'"  onclick="c4func('+ansId+','+qidno+')"/>No  <input type="radio" value="Don'+"'"+'t Know" id="'+qiddno+'" name="'+ansId+'" onclick="c4func('+ansId+','+qiddno+')" checked/>Don'+"'"+'t Know <span class="label label-info" id="info_'+i+'"></span></td></tr>');
    			  // $('#snffeQuest').append('</table>');
    			 });
    	  });
          $.get("getDocuments", function(data) {
                    $.each(data, function(i, item) {
                         $('#docList')
                            .append($("<option></option>")
                            .attr("value",item.id)
                            .text(item.name)); 
          });
        });
          $('#browsemain').append("<tr class='active'><td width='30%'><b>Document Name</b></td><td width='30%'><b>Choose File</b></td><td width='30%'><b>Delete</b></td></tr>"); 	
         $("#docList").change(function(){
        	 var sdoc = $( "#docList option:selected" ).text();
              var sdocId =  $( "#docList option:selected" ).val();
              $("#uploadButtonId").prop('disabled',false);
              var st = "rec"+sdocId;
              var browse = "browse"+sdocId;
              var buttonc = "button2"+sdocId;
              $('#browsemain').append("<tr  id="+browse+"><td class='info' width='30%' style='word-wrap:break-word;'><input type='hidden' name='docStatusId' id='docId_"+sdocId+"' value='"+sdocId+"_n'/>"+sdoc+"</td><td class='info' style='word-wrap:break-word;' width='40%'><input type='file' name='file' id="+buttonc+" onchange='showStatus("+buttonc+",docId_"+sdocId+")'/></td><td class='info' style='word-wrap:break-word;' width='20%'><button onclick='deleteBrowseButton("+browse+")' class='button' >Delete</button></td></tr>");             
             
        });
         
         // else $('#ta2').append("<tr><td class='info' colspan='5' align='center'><b>No documents uploaded yet</b></td></tr>");
         
          	  $.get("getRulesStatus", function(data) {
          		$('#ta1').append("<tr class='active'><td width='30%'><b>Document Name</b></td><td width='30%'><b>Status</b></td><td width='30%'><b>Rules</b></td></tr>");
          		 $.each(data, function(k, v) {
        		  if(v.status==1)
          		 $('#ta1').append("<tr><td class='info' width='30%'>"+v.name+"</td><td class='info' width='30%'>completed</td><td class='info' width='30%'>"+v.rules+"</td></tr>");
          		  else
          			$('#ta1').append("<tr><td class='warning'>"+v.name+"</td><td class='warning'>Incompleted</td><td class='warning'>"+v.rules+"</td></tr>"); 
          		
          	  });  
          	});
          	 
             $.get("getdocumentUploded", {id:cId},function(data) {
           	  $('#ta2').append("<tr class='active'><td><b>Document Name</b></td><td><b>File Name</b></td><td><b>Status</b></td><td><b>Download</b></td><td><b>Delete</b></td></tr>");
            	 if(data.length>0)
           	  $.each(data, function(i, item) {
           		$('#ta2').append("<tr><td class='info'>"+item.doc.name+"</td><td class='info'>"+item.fileName+"</td><td class='info'>Recieved</td> <td class='info'><a href='downloadMyFile?filePath="+item.filePath+"&fileName="+item.fileName+"'><button title='Download' type='button' class='btn btn-default'><span class='glyphicon glyphicon-save'></span></button></a></td><td class='info'><input type='hidden' name='docIdDelete' value="+item.id+"><button title='Delete from DB' type='button' class='btn btn-default'  onclick='rowDeleteCustDocument("+item.id+")'><span class='glyphicon glyphicon-trash'></span></button> </td></tr>");                
           	  }); 
            	 
            	 else $('#ta2').append("<tr><td class='info' colspan='5' align='center'><b>No documents uploaded yet</b></td></tr>");
             });  
             
         
         $("#signInQues").click(function() {
        	 $("#quesForm").submit(function() {
        		 
        		 var ansId1 = $('#question35_no').is(':checked');
        		 //alert("::as::"+ansId1);
        		 if(ansId1)$("#quesForm").attr("action", "saveMakerInitialQuestNo");
        		 else $("#quesForm").attr("action", "saveMakerInitialQuest");
             	/* var expiration = $('[name="expiration"]').is(':checked');
             	var circumchange = $('[name="circumchange"]').is(':checked');
             	var other = $('[name="other"]').is(':checked');
                 if(expiration && circumchange && other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest");
                 if(expiration && !circumchange && !other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest1");
                 if(!expiration && circumchange && !other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest2");
                 if(!expiration && !circumchange && other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest3");
                 if(expiration && circumchange && !other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest4");
                 if(!expiration && circumchange && other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest5");
                 if(expiration && !circumchange && other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest6");
                 if(!expiration && !circumchange && !other)
                 	$("#quesForm").attr("action", "saveMakerInitialQuest7"); */
                 
     		});
         });
        
      });
    </script>
</head>
    <body>
    <div>
    <div style="float:right">
    <form action="success-login">
    <button type='submit' class='btn btn-default' title='Close Current Tab'><span class='glyphicon glyphicon-remove'></span></button>
    </form>
    </div><br/>
      
      <div style="float:left"></div><div id="xq" style="color:red; font-weight:bold; float:left"></div>
    
    <center>

      <div id="accordion">
<h3>Client Details</h3>


<div style="overflow-y: scroll; height:350px;">

<font color="#4078b4" size="4">Fill Details OR Upload Excel </font>
            <div style="height: 250px;width:50%;float:right;">
                  <!--   <input type="file" value="Browse" /> -->
                    <div style="width:200px;height:50px; overflow:auto;" onscroll="OnScrollDiv(this)"></div>
                    <!-- 1st change - start -->
                    <div class="panel panel-info" id="addFields" >
					  <div class="panel-heading">
					    <h3 class="panel-title">Additional Fields</h3>
					  </div>
					  <div class="panel-body">
					  <div style="text-align:left">
							<table class="table table-hover">
		                      <tr class="info"><td><a href="#" id="businessNatureDialogLink" title="Click here to open Business Nature Dialog"> Business Nature</a></td></tr>
		                      <tr class="info"><td><a href="#" id="eagMemberStatusLink" title="Click here to open EAG Member Status Dialog"> EAG Member Status</a></td></tr>
		                      <tr class="info"><td><a href="#" id="eagPassiveIncomeLink" title="Click here to open EAG Passive Income Dialog"> EAG Passive Income</a></td></tr>
		                      <tr class="info"><td><a href="#" id="exchangeMarketLink" title="Click here to open Exchange Market Dialog"> Exchange Market</a></td></tr>
		                      <tr class="info"><td><a href="#" id="locationsLink" title="Click here to open Locations Dialog"> Locations</a></td></tr>
		                      <tr class="info"><td><a href="#" id="regulatorsLink" title="Click here to open Regulators Dialog"> Regulators</a></td></tr>
		                      <tr class="info"><td><a href="#" id="restrictedDistributorLink" title="Click here to open Regulators Dialog"> Restricted Distributor</a></td></tr>
		                      <tr class="info"><td><a href="#" id="sourceIncomeLink" title="Click here to open Regulators Dialog"> Source Income</a></td></tr>
		                      <tr class="info"><td><a href="#" id="stocksDistributionLink" title="Stocks Distribution Dialog"> Stocks Distribution</a></td></tr>
		                      <tr class="info"><td><a href="#" id="contactLink" title="Click here to open Regulators Dialog"> Contact</a></td></tr>
		                    </table>
					  </div>
					  </div>
					</div>
                    <!-- 1st change - end -->
            </div> 
            

<form:form method="post" action="/Fatca_Classification/saveClientDetails" id="clientDeatailsForm">   
 <div style="position:fixed;top:24em;right:15em;">
<input type="submit" value="Save As" class="button"/>
</div>
<br />
                <table>

                  <tr>
                        <td></td>
                        <td><form:hidden path="id" cssClass="defaultTextBox1" value="${custId}"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="nameOfEntityCustomer"> <b>Name of Customer:</b></form:label></td>
                        <td><form:input path="nameOfEntityCustomer" cssClass="defaultTextBox1"/></td>
                    </tr>
                   
                    <tr>
                        <td><form:label path="tin"> <b>TIN Number:</b></form:label></td>
                        <td><form:input path="tin" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="countryOfIssuance"><b> Country of Issuance:</b></form:label></td>
                        <td><form:input path="countryOfIssuance" cssClass="defaultTextBox1"/></td>
                    </tr>
                     <tr>
                        <td><form:label path="countryOfIncorporation"><b>Country of Incorporation:</b></form:label></td>
                        <td><form:input path="countryOfIncorporation" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td class="text"><form:label path="lei"><b>LEI:</b></form:label></td>
                        <td><form:input path="lei" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="aggregateBalanceExpected"><b>Aggregate Balance Expected:</b></form:label></td>
                        <td><form:input path="aggregateBalanceExpected" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="investmentIncomeAsRatioOfGrossIncome"><b> Investment Income as Ratio of GrossIncome:</b></form:label></td>
                        <td><form:input path="investmentIncomeAsRatioOfGrossIncome" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="assetsQuarterlyInvestmentIncome"><b>Assets Quarterly Investment Income:</b></form:label></td>
                        <td><form:input path="assetsQuarterlyInvestmentIncome" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="incorporationDate"><b>Incorporation Date:</b></form:label></td>
                        <td><form:input path="incorporationDate" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="bankruptcyFilingDate"><b>Bankruptcy Filing Date:</b></form:label></td>
                        <td><form:input path="bankruptcyFilingDate" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="usOwnersShareDistribution"><b>US Owners Share Distribution:</b></form:label></td>
                        <td><form:input path="usOwnersShareDistribution" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="usOwnersShareValueInDollars"><b>US Owners Share Value in Dollars:</b></form:label></td>
                        <td><form:input path="usOwnersShareValueInDollars" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="electronicAccountNumber"><b>Electronic Account Number:</b></form:label></td>
                        <td><form:input path="electronicAccountNumber" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <%-- <tr>
                        <td><form:label path="passiveIncomeofEAG"><b> Passive Income of EAG:</b></form:label></td>
                        <td><form:input path="passiveIncomeofEAG" cssClass="defaultTextBox1"/></td>
                    </tr> --%>
                    <tr>
                        <td><form:label path="grossIncomeofEAG"><b>Gross Income of EAG:</b></form:label></td>
                        <td><form:input path="grossIncomeofEAG" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="totalAssestsEntity"><b>Total Assests Entity:</b></form:label></td>
                        <td><form:input path="totalAssestsEntity" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="totalAssestsEag"><b>Total Assests EAG:</b></form:label></td>
                        <td><form:input path="totalAssestsEag" cssClass="defaultTextBox1"/></td>
                    </tr>
                    <tr>
                        <td><form:label path="chapter4status"><b>Chapter-4 Status:</b></form:label></td>
                  		<td><form:select path="chapter4status" items="${chapter4statusList}" style="width: 326px ; border: 2px  #EDF3FF; border-left: 2px solid #D1E0FF; box-shadow: 0 0 1px #333 ; padding: 8px 12px"/></td>
                    </tr>
                    
                </table>
                </form:form> 
                <!-- 2nd change - start -->
                <div id="businessNatureDialog"></div>
                <div id="eagMemberStatusDialog"></div>
                <div id="eagPassiveIncomeDialog"></div>
                <div id="exchangeMarketDialog"></div>
                <div id="locationsDialog"></div>
                <div id="regulatorsDialog"></div>
                <div id="restrictedDistributorDialog"></div>
                <div id="sourceIncomeDialog"></div>
                <div id="stocksDistributionDialog"></div>
                <div id="contactDialog"></div>
                <!-- 2nd change - end -->
</div>
<h3 id="docUp">Document Upload</h3>
<div id="docUpl">
           
           <form id="docUploadFileForm" enctype="multipart/form-data" method="post" action="uploadFileHandler">
               <div style="width:50%;float:left;">
				   <input type="hidden" name="custID" value="${custId}"/> 
				   <input type="hidden" name="docIdName" id="docId" value=""/> 
				   <b>Please Select Document</b><br/>
				   <select id="docList" >
				    <option value="" disabled="disabled">Please select one</option>
				   </select>
               </div>
                <table id="browsemain" class="table table-hover" style="width:50%;float:left;"> 
			   </table>
			   <br /><br /><br />
			  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <input type="submit" class="button" id="uploadButtonId" value="Upload"/>
       </form>
       <br /><br />
       <div style="overflow-y: scroll; height:300px;">
		   <form id="deleteDoc">
			   <table id="ta1"  width="200"  align="center" class="table table-hover">       
			   </table>
			   <table id="ta2" class="table table-hover">   
			   </table>
		   </form>
       </div>
           
</div>
<h3 id="nffeQuest">Initial Set of Questions</h3>
<div>
        <form id="quesForm">
         <input type="hidden" name="custID" value="${custId}" id="custQuesId"/>  
         <input type="hidden" name="catL" value="" id="catLId"/>   
        <table class="table table-hover" id="snffeQuest"></table>
        <div class="control-group"><div class="controls"><input type="submit"  id="signInQues" value="Proceed" class="button"/>
        </div></div>
        </form>   
</div>
</div>
</center>    
</div>   
</body>
</html>